<div id="investDetail">
    <div class="container" ng-show="step1">
        <div class="title">
            <div style="background-image: url('img/investDetail1.png')" ng-class='{"slt": title_shenPi}'
                 ng-click="setSlt('shenPi')"><span>审批信息</span></div>
            <div style="background-image: url('img/investDetail2.png')" ng-class='{"slt": title_anJian}'
                 ng-click="setSlt('anJian')"><span>案件信息<div class="tipIcon" ng-show="notify_anJian"></div></span></div>
            <div style="background-image: url('img/investDetail3.png')" ng-class='{"slt": title_feiYong}'
                 ng-click="setSlt('feiYong')"><span>费用信息</span></div>
            <div style="background-image: url('img/investDetail4.png')" ng-class='{"slt": title_ziLiao}'
                 ng-click="setSlt('ziLiao')"><span>资料附件<div class="tipIcon" ng-show="notify_ziLiao"></div></span></div>
            <div style="background-image: url('img/investDetail5.png')" ng-class='{"slt": title_geRen}'
                 ng-click="setSlt('geRen')"><span>个人信息</span></div>
        </div>
        <div class="con" ng-show="con_shenPi">
            <div class="statusAndTime">
                <div class="left">{{caseInfo.status|investStatusFilter:riskApplyInfo.status}}</div>
                <div class="right" ng-show="!riskApplyInfo.approveDate"><span>申请时间：</span><span
                        ng-bind="caseInfo.applyDate|formatDate"></span></div>
                <div class="right" ng-show="riskApplyInfo.approveDate">审批时间：{{riskApplyInfo.approveDate}}</div>
            </div>
            <div class="titleAndCon">
                <div class="titleAndCon_title">意见函：</div>
                <div class="titleAndCon_con" ng-class='{"borderBtmFFF": $index===riskDocDetail.length-1}'
                     ng-repeat="data in riskDocDetail track by $index">
                    <!--<div class="left">
                        <span ng-bind="$index+1"></span>.<span ng-bind="data.docKindId | filterdocKind:'approve'"></span>：
                    </div>-->
                    <div>
                        <a ng-href="{{data.docUrl}}" ng-bind="data.docUrl_show"></a>
                    </div>
                </div>
                <div class="titleAndCon_con" ng-show="!has_riskDocDetail">暂无</div>
            </div>
            <div class="height5"></div>
            <div class="titleAndCon">
                <div class="titleAndCon_title">审批意见：</div>
                <div ng-repeat="data in approveList">
                    <div class="titleAndCon_con" style="color: #333;">
                        <div class="shenHe_left">{{data.approveAction|filter_approveAction}}</div>
                        <div class="shenHe_center">{{data.approveContent}}</div>
                        <div class="shenHe_right">
                            <img ng-show="data.approveResult=='0'" src="img/shenHe_ok.png">
                            <img ng-show="data.approveResult=='1'" src="img/shenHe_no.png">
                            <span ng-show="data.approveResult=='0'">通过</span>
                            <span ng-show="data.approveResult=='1'" style="color: #EF3800;">拒绝</span>
                        </div>
                    </div>
                </div>
                <div class="titleAndCon_con" ng-show="!has_approveList">暂无</div>
            </div>
        </div>

        <div id="investDetail_scroll" class="con" ng-show="con_anJian">
            <div class="statusAndTime">
                <div class="left">{{caseInfo.status|investStatusFilter:riskApplyInfo.status}}</div>
                <div class="right"><span>申请时间：</span><span ng-bind="caseInfo.applyDate|formatDate"></span></div>
            </div>
            <div class="notifyList" ng-show="notify_anJian">
                <div class="list" ng-repeat="data in notify_anJian_list track by $index">
                    <div class="left" ng-click="close_anJian($index)">
                        {{data.notifyContent}}
                        <span>{{data.notifyDate|formatDate}} {{data.notifyTime|formatTime}}</span>
                    </div>
                    <div class="right" ng-show="data.slt" ng-click="confirmCaseInfoNotify(data.id)">
                        <div class="complete"></div>
                    </div>
                    <div class="right" ng-show="!data.slt" ng-click="open_anJian($index)">
                        <div class="open"></div>
                    </div>
                </div>
            </div>
            <div class="nameAndVal" ng-class='{"nameAndValSlt":!show_anjian_text}'>
                <div class="list" id="caseInfo_creditorName">
                    <div class="name"><span>原告：</span></div>
                    <div class="val">
                        <input type="text" ng-readonly="show_anjian_text"
                               ng-model="caseInfo.creditorName" ng-focus="scrollToTop('#caseInfo_creditorName')">
                    </div>
                </div>
                <div class="list" id="caseInfo_debtorName">
                    <div class="name"><span>被告：</span></div>
                    <div class="val">
                        <input type="text" ng-readonly="show_anjian_text"
                               ng-model="caseInfo.debtorName" ng-focus="scrollToTop('#caseInfo_debtorName')">
                    </div>
                </div>
                <div class="list" ng-class="{'list_select':!show_anjian_text}">
                    <div class="name"><span>案件类型：</span></div>
                    <div class="val">
                        <select ng-model="caseInfo.caseTypeId" ng-disabled="show_anjian_text"
                                ng-options="data.caseTypeId as data.caseTypeName for data in caseTypeList">
                        </select>
                    </div>
                </div>
                <div class="list" id="caseInfo_caseMemo">
                    <div class="name"><span>案情简介：</span></div>
                    <div class="val">
                        <textarea rows="3" ng-show="!show_anjian_text||caseInfo.caseMemo" placeholder="请输入案情简介" ng-readonly="show_anjian_text" ng-focus="scrollToTop('#caseInfo_caseMemo')"
                                  ng-model="caseInfo.caseMemo"></textarea>
                    </div>
                </div>
                <div ng-style="caseNo_expectClosePeriod_style" id="caseInfo_caseNod">
                    <div class="list">
                        <div class="name"><span>案号：</span></div>
                        <div class="val">
                            <input type="text" ng-readonly="show_anjian_text" ng-model="caseInfo.caseNo" ng-focus="scrollToTop('#caseInfo_caseNod')">
                        </div>
                    </div>
                    <div class="list" id="caseInfo_expectClosePeriod" style="border-bottom: 1px solid #DADADA;">
                        <div class="name"><span>拟结案期限：</span></div>
                        <div class="val">
                            <input ng-show="!show_anjian_text||caseInfo.expectClosePeriod" placeholder="请输入" style="width: 50px;" type="text" ng-readonly="show_anjian_text" ng-focus="scrollToTop('#caseInfo_expectClosePeriod')"
                                   ng-model="caseInfo.expectClosePeriod">
                            <span ng-show="caseInfo.expectClosePeriod" style="padding-left: 5px">个月</span>
                            <span ng-show="!caseInfo.expectClosePeriod&&!show_anjian_text" style="padding-left: 5px">个月</span>
                        </div>
                    </div>
                </div>
                <div class="list" ng-class="{'list_select':!show_anjian_text}">
                    <div class="name"><span>案件阶段：</span></div>
                    <div class="val">
                        <select ng-model="caseInfo.caseStageId" ng-disabled="show_anjian_text" ng-change="change_caseStageId()"
                                ng-options="data.caseStageId as data.caseStageName for data in caseStageList">
                        </select>
                    </div>
                </div>
                <div class="list" id="caseInfo_courtName">
                    <div class="name"><span>管辖法院：</span></div>
                    <div class="val">
                        <input type="text" ng-readonly="show_anjian_text"
                               ng-model="caseInfo.courtName" ng-focus="scrollToTop('#caseInfo_courtName')">
                    </div>
                </div>
                <div class="list" ng-show="!is_lawyer" id="caseInfo_specLawyerName">
                    <div class="name"><span>承接律师姓名：</span></div>
                    <div class="val">
                        <input type="text" ng-show="!show_anjian_text||caseInfo.specLawyerName" placeholder="请输入律师姓名" ng-readonly="show_anjian_text"
                               ng-model="caseInfo.specLawyerName" ng-focus="scrollToTop('#caseInfo_specLawyerName')">
                    </div>
                </div>
                <div class="list" ng-show="!is_lawyer" id="caseInfo_lawfirmName">
                    <div class="name"><span>承接律所名称：</span></div>
                    <div class="val">
                        <span style="padding-left: 5px;" ng-bind="caseInfo.lawfirmName"></span>
                    </div>
                </div>
                <div ng-style="judgeName_havePropertyClue_style" id="caseInfo_referCaseNo">
                    <div class="list">
                        <div class="name"><span>依据案号：</span></div>
                        <div class="val">
                            <input type="text" ng-show="!show_anjian_text||caseInfo.referCaseNo" placeholder="请输入依据案号" ng-readonly="show_anjian_text" ng-model="caseInfo.referCaseNo" ng-focus="scrollToTop('#caseInfo_referCaseNo')">
                        </div>
                    </div>
                    <div class="list">
                        <div class="name"><span>承办法官：</span></div>
                        <div class="val">
                            <input type="text" ng-show="!show_anjian_text||caseInfo.judgeName" placeholder="请输入承办法官" ng-readonly="show_anjian_text" ng-model="caseInfo.judgeName" ng-focus="scrollToTop('#caseInfo_referCaseNo')">
                        </div>
                    </div>
                    <div class="list" ng-class="{'list_select':!show_anjian_text}">
                        <div class="name"><span>有无财产线索：</span></div>
                        <div class="val">
                            <select ng-show="!show_anjian_text||caseInfo.havePropertyClue" ng-model="caseInfo.havePropertyClue" ng-disabled="show_anjian_text">
                                <option value="">--请选择--</option>
                                <option value="Y">是</option>
                                <option value="N">否</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="titleAndCon" ng-show="ht_show">
                <div class="titleAndCon_con"><a style="color:#2E57FC;" ng-click="lock_ht()">查看合同</a></div>
            </div>
        </div>

        <div class="con" ng-show="con_feiYong">
            <div class="statusAndTime">
                <div class="left">{{caseInfo.status|investStatusFilter:riskApplyInfo.status}}</div>
                <div class="right"><span>申请时间：</span><span ng-bind="riskApplyInfo.applyDate|formatDate"></span></div>
            </div>
            <div class="nameAndVal">
                <div class="list">
                    <div class="name"><span>案件标的：</span></div>
                    <div class="val"><span ng-style="moneyWidth">{{caseInfo.caseAmt}}</span>元</div>
                </div>
                <div class="list" ng-show="riskApplyInfo.applyAmt">
                    <div class="name"><span>需投资总金额：</span></div>
                    <div class="val"><span ng-style="moneyWidth">{{riskApplyInfo.applyAmt}}</span>元</div>
                </div>
                <div class="list" ng-repeat="data in caseInfo.fundDetail">
                    <div class="name"><span>{{data.fundUseId|filterfundUse}}：</span></div>
                    <div class="val"><span ng-style="moneyWidth">{{data.fundAmt}}</span>元</div>
                </div>
            </div>
        </div>

        <div class="con" ng-show="con_ziLiao">
            <div class="statusAndTime">
                <div class="left">{{caseInfo.status|investStatusFilter:riskApplyInfo.status}}</div>
                <div class="right"><span>申请时间：</span><span ng-bind="caseInfo.applyDate|formatDate"></span></div>
            </div>
            <div class="notifyList" ng-show="notify_ziLiao">
                <div class="list" ng-repeat="data in notify_ziLiao_list track by $index">
                    <div class="left" ng-click="close($index)">
                        {{data.notifyContent}}
                        <span>{{data.notifyDate|formatDate}} {{data.notifyTime|formatTime}}</span>
                    </div>
                    <div class="right" ng-show="data.slt" ng-click="confirmCaseInfoNotify(data.id)">
                        <div class="complete"></div>
                    </div>
                    <div class="right" ng-show="!data.slt" ng-click="open($index)">
                        <div class="open"></div>
                    </div>
                </div>
            </div>
            <div class="titleAndCon">
                <div class="titleAndCon_title">资料附件：</div>
                <div class="titleAndCon_con" ng-class='{"borderBtmFFF": $index===docDetail.length-1}'
                     ng-repeat="data in docDetail track by $index">
                    <div class="left">
                        <span ng-bind="$index+1"></span>.<span ng-bind="data.docKindId | filterdocKind:'apply'"></span>：
                    </div>
                    <div class="right">
                        <a ng-href="{{data.docUrl}}" ng-bind="data.docUrl_show"></a>
                    </div>
                </div>
                <div class="titleAndCon_con" ng-show="!has_docDetail">暂无</div>
                <div class="tip"><span style="color: #F00C55;">注：</span><span>手机版暂不支持附件上传，请至赢火虫官网上传资料</span></div>
            </div>
        </div>

        <div class="con" ng-show="con_geRen">
            <div class="statusAndTime">
                <div class="left">{{caseInfo.status|investStatusFilter:riskApplyInfo.status}}</div>
                <div class="right"><span>申请时间：</span><span ng-bind="caseInfo.applyDate|formatDate"></span></div>
            </div>
            <div class="nameAndVal">
                <div class="list">
                    <div class="name"><span>真实姓名：</span></div>
                    <div ng-bind="caseInfo.applyUserName" class="val"></div>
                </div>
                <div class="list">
                    <div class="name"><span>证件类型：</span></div>
                    <div ng-bind="caseInfo.idType|filterType" class="val"></div>
                </div>
                <div class="list">
                    <div class="name"><span>证件号：</span></div>
                    <div ng-bind="caseInfo.idNo" class="val"></div>
                </div>
                <div class="list" ng-show="caseInfo.lawyerNo&&is_lawyer">
                    <div class="name"><span>执业证号：</span></div>
                    <div ng-bind="caseInfo.lawyerNo" class="val"></div>
                </div>
                <div class="list" ng-show="caseInfo.lawfirmName&&is_lawyer">
                    <div class="name"><span>律所名称：</span></div>
                    <div ng-bind="caseInfo.lawfirmName" class="val"></div>
                </div>
                <div class="list">
                    <div class="name"><span>联系方式：</span></div>
                    <div ng-bind="caseInfo.mobileNo" class="val"></div>
                </div>
            </div>
        </div>

        <div class="goNext" ng-show="confirmRisk" ng-click="goNext()">
            <div style="color:#fff;">下一步</div>
        </div>
    </div>

    <div class="container" ng-show="step2">
        <div class="alertNext con">
            <div class="titleAndCon">
                <div class="titleAndCon_title">费用信息：</div>
                <div class="titleAndCon_con">
                    <div class="left"><span class="fixWidth140">案件标的：</span></div>
                    <div class="right"><span ng-style="moneyWidth">{{caseInfo.caseAmt}}</span>元</div>
                </div>
                <div ng-show="riskApplyInfo.applyAmt" class="titleAndCon_con showMoreFund"
                     ng-class="{slt:showMoreFundHt}" ng-click="showMoreFund()">
                    <div class="left"><span class="fixWidth140">需投资总金额：</span></div>
                    <div class="right"><span ng-style="moneyWidth">{{riskApplyInfo.applyAmt}}</span>元</div>
                    <div class="icon"></div>
                </div>
                <div ng-style="moreFundStyle">
                    <div class="titleAndCon_con" ng-repeat="data in caseInfo.fundDetail">
                        <div class="left"><span class="fixWidth140">{{data.fundUseId|filterfundUse}}：</span></div>
                        <div class="right"><span ng-style="moneyWidth">{{data.fundAmt}}</span>元</div>
                    </div>
                </div>
            </div>
            <div class="titleAndCon" ng-show="feeRule.feeMode">
                <div class="titleAndCon_title">合同条款：</div>
                <div class="titleAndCon_con">
                    <div class="left"><span class="fixWidth140">{{feeRule.feeMode|filter_feeMode}}：</span></div>
                    <div ng-bind-html="feeModeHtml|filterHtml" class="right"></div>
                </div>
                <div class="titleAndCon_con">
                    <div class="left"><span class="fixWidth140">成本处理方式：</span></div>
                    <div ng-bind="feeRule.costMode|filter_costMode" class="right"></div>
                </div>
                <div class="titleAndCon_con" ng-show="isOverdueRuleHtml">
                    <div class="left"><span class="fixWidth140">逾期条款：</span></div>
                    <div ng-bind="isOverdueRuleHtml|filterHtml" class="right"></div>
                </div>
                <div class="titleAndCon_con" ng-show="isReconcilRuleHtml">
                    <div class="left"><span class="fixWidth140">和解条款：</span></div>
                    <div ng-bind="isReconcilRuleHtml|filterHtml" class="right"></div>
                </div>
                <div class="titleAndCon_con">
                    <div class="left"><span class="fixWidth140">律师代理费收费方式：</span></div>
                    <div ng-bind="feeRule.lawyerFeeMode" class="right"></div>
                </div>
                <!--<div class="titleAndCon_con">
                    <div class="left" ><span class="fixWidth">预计结案期限：</span></div>
                    <div class="right">{{riskApplyInfo.expectClosePeriod}}个月</div>
                </div>
                <div class="titleAndCon_con">
                    <div class="left" ><span class="fixWidth">预计获赔金额：</span></div>
                    <div class="right">{{riskApplyInfo.expectAmt}}元</div>
                </div>-->
            </div>
            <div class="agree" ng-click="check_agree()">
                <img src="img/duihao.png" ng-show="agree">
                <img src="img/duihao_no.png" ng-show="!agree">
                <span>本人已认可上诉内容</span>
            </div>
        </div>
        <div class="goNext" ng-show="step2&&signRisk" ng-click="go_signRiskContract()">
            <div style="color:#fff;">开始签约</div>
        </div>
    </div>
    <div class="container" ng-show="step3">
        <div class="accountInfo">
            <div class="title">账户信息</div>
            <div class="main">
                <div class="form_component minus_margin radius">
                    <label class="border">账户名称</label>
                    <div class="ipt_area">
                        <input class="white_border placeholder_text_999999" placeholder="请输入账户名称" type="text"
                               ng-model='accountName'>
                    </div>
                    <div class="star">*</div>
                </div>
                <div class="form_component minus_margin radius">
                    <label class="border">账号</label>
                    <div class="ipt_area">
                        <input class="white_border placeholder_text_999999" placeholder="请输入账号" type="text"
                               ng-model='accountNo'>
                    </div>
                    <div class="star">*</div>
                </div>
                <div class="form_component minus_margin radius">
                    <label class="border">开户银行名称</label>
                    <div class="ipt_area">
                        <input class="white_border placeholder_text_999999" placeholder="请输入开户银行名称" type="text"
                               ng-model='openBankName'>
                    </div>
                    <div class="star">*</div>
                </div>
                <div class="form_component minus_margin radius">
                    <label class="border">账户类型</label>
                    <div class="ipt_area">
                        <div class="wrapper one no_border">
                            <select ng-model="accountType">
                                <option value="">--请选择--</option>
                                <option value="0">个人</option>
                                <option value="1">企业</option>
                            </select>
                            <span class="triangle"></span>
                        </div>
                    </div>
                    <div class="star">*</div>
                </div>
            </div>
        </div>
        <div class="goNext" ng-show="step3&&signRisk" ng-click="done_signRiskContract()">
            <div style="color:#fff;">确认</div>
        </div>
    </div>
</div>
